<template>
  <div>
    <div>
      <h4>测试图片</h4>
      <el-row>
        <el-col>
          <div>
            <span>一个图片 </span>
            <el-image
              style="width: 100px; height: 100px"
              :src="pgForm.url"
              :fit="fill"></el-image>
            <span> 来了</span>
          </div>
        </el-col>
      </el-row>
    </div>
  </div>
</template>

<script>
export default {
  name: "test_img",
  title: "测试图片",
  created() {
    if(this.istrans){
      this.pgForm=this.fromdata
    }
  },
  props: {
    fromdata:{},
    istrans:false,
  },
  data() {
    return {
      pgForm: {
        url: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'
      }
    }
  }
}
</script>

<style scoped>
.el-row{
  margin: 10px 0;
  padding: 20px 20px;
  background-color: #f9f9f9;
}
.el-col {
  margin:10px 0;
}
.el-image{
  vertical-align: middle;
}
</style>
